@require "../../css/variables.styl"
@require "../../css/mixin.styl"

.dg-body
  position relative
  overflow hidden

.dg-bg-container
  > div
    &:nth-child(odd)
      background $color-row-odd-background

    &:nth-child(even)
      background $color-row-even-background



.dg-body-fixed-area
  position relative
  width 100%
  height 100%
  overflow-y auto
  overflow-x hidden

.dg-bg
  position absolute
  top 0
  left 0
  right 0

.dg-rows-normal, .dg-rows-normal-content, .dg-rows-left, .dg-rows-right
  position absolute
  top 0
  > div
    position absolute


.dg-rows-normal
  height 100%
  overflow-x auto
  overflow-y hidden

.dg-body-left-column
  border-right solid 1px $color-dg-border

.dg-body-right-column
  border-left solid 1px $color-dg-border

.dg-rows-normal-content
  left 0

.dg-row-hover
  background $color-row-hover-background !important
  color color-yiq($color-row-hover-background)

.dg-row-selected
  background $color-row-selected-background !important
  color color-yiq($color-row-selected-background)

.dg-row-selection-disabled
  opacity .5

.dg-row
  //transition .15s background
  border-bottom solid 1px $color-dg-border

.dg-body-no-data
  position absolute
  top 0
  left 0
  width 100%
  height 100%
  z-index 10

  > span
    position absolute
    top 50%
    left 50%
    transform translate(-50%, -50%)


.dg-body-loading
  position absolute
  top 0
  left 0
  width 100%
  height 100%
  z-index 10

  &:before
    content ''
    line-height 0
    position absolute
    top 0
    left 0
    width 100%
    height 100%
    background #fff
    opacity .5


  > span
    position absolute
    top 50%
    left 50%
    transform translate(-50%, -50%)


